<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%@ include file="/WEB-INF/views/shop/app/app_base.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>收银台</title>
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/core.css">
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/icon.css">
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/home.css">
	<link rel="stylesheet" href="<%=basePath%>/static/admin/app/js/layer/skin/layer.css">
	<link rel="shortcut icon" href="<%=basePath%>/favicon.ico" type="image/x-icon" />
	<link href="<%=basePath%>/favicon.ico" sizes="114x114" rel="apple-touch-icon-precomposed">
	<script> var baselocation='<%=basePath%>';</script>
</head>
<body>

	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">收银台</div>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon"   style="min-width:0">
		</a>
	</header>

	<section class="aui-settle-content">
		<div class="aui-settle-pay">
			订单总额：￥${order.totalAmount },&nbsp;&nbsp;店主已确认收款金额：￥${order.payAmount }
		</div>
		<div class="aui-settle-title">
			<p>需要支付:<span>${order.noPayAmount }元</span></p>
		</div>
		<div class="aui-settle-pay">
			我的支付记录
		</div>
		<div class="aui-dri"></div>
		<c:if test="${empty payList}"><h3>暂无支付记录</h3></c:if>
		<c:forEach var="pay" items="${payList}">
		<div class="aui-settle-choice">
			<a href="<%=basePath%>/order/${pay.orderId }/pay/${pay.id }/go-pay" class="aui-address-cell  aui-fl-arrow-clear">
				<div class="aui-address-cell-hd">
					<img src="<%=basePath%>/static/shop/app/img/icon/apy-${pay.payMethod }.png" alt="">
				</div>
				<div class="aui-address-cell-bd">
					${pay.payMethodName }（${pay.payAccount }）
					<p>￥${pay.payMoney }（<fmt:formatDate value="${pay.createdTime }" pattern="yyyy-MM-dd HH:mm:ss"/>）</p>
				</div>
				<div class="aui-address-cell-ft">${pay.statusName }</div>
			</a>
		</div>
		</c:forEach>
		<div class="aui-settle-ways">
			支付方式
		</div>
		<div class="aui-settle-choice">
			<a id="payMethod_zhifubao" class="aui-address-cell  aui-fl-arrow-clear">
				<div class="aui-address-cell-hd">
					<img src="<%=basePath%>/static/shop/app/img/icon/apy-1.png" alt="">
				</div>
				<div class="aui-address-cell-bd">
					支付宝支付
					<p>支付宝安全支付</p>
				</div>
				<div class="aui-address-cell-ft"><input id="payMethod_input_zhifubao" type="checkbox" class="check check-pay goods-check goodsCheck"></div>
			</a>
			<a id="payMethod_weixin" class="aui-address-cell  aui-fl-arrow-clear">
				<div class="aui-address-cell-hd">
					<img src="<%=basePath%>/static/shop/app/img/icon/apy-2.png" alt="">
				</div>
				<div class="aui-address-cell-bd">
					微信支付
					<p>微信安全支付</p>
				</div>
				<div class="aui-address-cell-ft"><input id="payMethod_input_weixin" checked type="checkbox" class="check check-pay goods-check goodsCheck" ></div>
			</a>
			<a id="payMethod_other" class="aui-address-cell  aui-fl-arrow-clear">
				<div class="aui-address-cell-hd">
					<img src="<%=basePath%>/static/shop/app/img/icon/apy-3.png" alt="">
				</div>
				<div class="aui-address-cell-bd">
					其他支付方式
					<p>请在备注写明支付方式</p>
				</div>
				<div class="aui-address-cell-ft"><input id="payMethod_input_other" type="checkbox" class="check check-pay goods-check goodsCheck"></div>
			</a>
		</div>
		<div class="aui-prompt"><i class="aui-icon aui-prompt-sm"></i>请准确填写您的支付信息,便于店主确认</div>
		<input id="orderId" type="hidden" value="${order.id }">
		<input id="ts" type="hidden" value="${order.ts }">
		<input id="buyerCode" type="hidden" value="${order.buyerCode }">
		<input id="buyerName" type="hidden" value="${order.buyerName }">
		<input id="noPayAmount" type="hidden" value="${order.noPayAmount }">
		<input id="payMethod" type="hidden" value="2">
		<div class="aui-Address-box">
			<p>
				<input id="payAccount" class="aui-Address-box-input" type="text" placeholder="支付账号(微信或支付宝账号)">
			</p>
			<p>
				<input id="payMoney" class="aui-Address-box-input" type="text" placeholder="支付金额" value="${order.noPayAmount }">
			</p>
			<p>
				<textarea id="remark" class="aui-Address-box-text" placeholder="支付备注" rows="3"></textarea>
			</p>

		</div>
	</section>
	<div class="aui-settle-payment">
		<a id="savePayBtn">确认支付${order.noPayAmount } 元</a>
		<input id="buttonFlag" type="hidden">
	</div>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/jquery.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/jquery.cookie.js"></script>
	<script rel="script" src="<%=basePath%>/static/admin/app/js/layer/layer.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/pay.js"></script>
</body>
</html>